/*index.less*/
/************************************************************************
** 智能管控界面grid布局**************************************************************
***************************************************************************/
.manageControlContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto auto auto auto auto;
  // grid-template-rows: 0.4fr 0.43fr 1fr 1fr 1fr auto;
  gap: 0px 0px;
  grid-auto-flow: row;
  justify-content: space-evenly;
  align-content: space-evenly;
  justify-items: stretch;
  align-items: stretch;
  grid-template-areas:
    "monitor monitor monitor monitor"
    "monitor monitor monitor monitor"
    "predict predict predict predict"
    "predict predict predict predict"
    "alarm alarm alarm alarm"
    "alarm alarm alarm alarm";
}

.monitor {
  grid-area: monitor;
}

.predict {
  display: grid;
  grid-template-columns: 1fr 1.4fr 280px;
  // grid-template-columns: 1fr 1.4fr 0.6fr;
  grid-template-rows: 100px auto;
  // grid-template-rows: 0.4fr 1.6fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "predict_logo . predict_select"
    "predict_chart predict_chart predict_chart";
  grid-area: predict;
}

.predict_logo {
  grid-area: predict_logo;
}

.predict_select {
  align-self: end;
  grid-area: predict_select;
}

.predict_chart {
  grid-area: predict_chart;
}

.alarm {
  display: grid;
  grid-template-columns: 1fr 0.9fr 1.1fr;
  grid-template-rows: 100px 1.6fr 1fr;
  // grid-template-rows: 0.4fr 1.6fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "alarm_logo . alarm_filter"
    "alarm_table alarm_table alarm_table"
    "alarm_table alarm_table alarm_table";
  grid-area: alarm;
}

.alarm_logo {
  grid-area: alarm_logo;
}

.alarm_filter {
  align-self: end;
  grid-area: alarm_filter;
}

.alarm_table {
    justify-self: center; 
    grid-area: alarm_table; 
  }
/* .alarm_table {
  grid-area: alarm_table;
} */
/************************************************************************
  ** 智能管控界面grid布局**************************************************************
  ***************************************************************************/
.manageControlContainer {
  width: 100%;
  height: 100%;
  background-color: rgba(13,31,67,0.8);
}
.predict {
  width: 100%;
  height: 100%;
}
.alarm {
  width: 100%;
  height: 100%;
}
.monitor {
  width: 97.5%;
  // overflow-x: hidden;
  // overflow: hidden;
  height: 400px;
  // min-height: 550px;
}
.predict_chart {
  width: 97.5%;
  // min-height: 500px;
  height: 600px;
}
.alarm_table {
  display:flex;
  width: 100%;
  height: auto;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: flex-start; 
}
// .ant-select:not(.ant-select-customize-input) .ant-select-selector{
//   background-color: #000!important;
// }
// .ant-select-selector{
//   background-color: #000!important;

// }
// .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector{
//   background-color: red;
// }
// .ant-select-selection{
//   background-color: red;
// }

body {
  width: 1920px;
  height: 1080px;
  overflow: hidden
}